<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/info.css">
    <link rel="stylesheet" href="/lib/font/iconfont.css">
    <link rel="stylesheet" href="/css/list.css">
    <!-- <link rel="stylesheet" href="../lib/bootstrap-4.5.0-dist/css/bootstrap.css"> -->
</head>
<body>
    <div id="header" style="z-index: 9999;"></div>
    <section>
        <div class="container" style="width: 1185px;">
            <div class="left">
                <div class="top-1">
                    <a href="#"> DR &nbsp;</a>
                    <span> /  &nbsp;</span>
                    <a href="#"> 对戒  &nbsp;</a>
                    <span> /  &nbsp;</span>
                    <span> 所有商品 </span>
                </div>
                <div class="title">
                    对戒
                </div>
                <ul>
                    <li>DARRY RING系列</li>
                    <li>TOGETHER系列</li>
                    <li>ENDLESS LOVE系列</li>
                    <li>D-DESTINY系列</li>
                    <li>DR PARIS系列</li>
                    <li>PRINCESS系列</li>
                    <li>MY HEART系列</li>
                    <li>LOVE LINE系列</li>
                    <li>JUST YOU系列</li>
                    <li>FOREVER系列</li>
                </ul>
            </div>
            <div class="right">
                <div class="top">排序<i class="iconfont icon-s-up-copy"></i></div>
                <ul>
                    
                </ul>
            </div>
        </div>
    </section>

    <!-- 定义模板 -->
    <script type="text/html" id="listTemplate">
        {{each list item}}
        <li>
            <a href="/html/details.html?id={{item.id}}">
                <div class="top">
                    <i class="iconfont icon-gerenzhongxin-wodexinyuandan"></i>
                    <div>
                        <img src="{{item.image}}" alt="">
                        <img src="{{item.image}}" alt="">
                    </div>
                </div>
                <p>
                    {{item.title}}
                </p>
                <span>
                    ￥{{item.price}}
                </span>
                <a href="/html/details.html?id={{item.id}}" class="shop">立即购买</a>
            </a>
        </li>
        {{/each}}
    </script>

    <div id="footer"></div>

    <script src="/lib/requirejs/require.js" data-main="/js/list"></script>
    <!-- <script src="../lib/jquery/jquery.js"></script> -->
    <!-- <script src="../lib/bootstrap-4.5.0-dist/js/bootstrap.js"></script> -->
    <!-- <script>
        $('#header').load('../html/header.html')
        $('#footer').load('../html/footer.html')
    </script> -->
</body>
</html>